<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>范巧贤 - 个人简历</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', sans-serif;
            line-height: 1.7;
            color: #444;
            background-color: #f5f7fa;
        }
        
        .container {
            max-width: 900px;
            margin: 30px auto;
            background: white;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
            border-radius: 10px;
            overflow: hidden;
        }
        
        header {
            background: linear-gradient(135deg, #6c7a89, #5a6a7a);
            color: white;
            padding: 45px 60px;
            text-align: center;
        }
        
        .name {
            font-size: 42px;
            margin-bottom: 15px;
            font-weight: 600;
            letter-spacing: 1px;
        }
        
        .job-title {
            font-size: 24px;
            opacity: 0.9;
            margin-bottom: 35px;
            font-weight: 400;
        }
        
        .contact-info {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 35px;
        }
        
        .contact-item {
            display: flex;
            align-items: center;
            font-size: 17px;
        }
        
        .contact-item i {
            margin-right: 12px;
            font-size: 20px;
            opacity: 0.85;
        }
        
        .content {
            padding: 50px 60px;
        }
        
        .section {
            margin-bottom: 45px;
        }
        
        .section-title {
            font-size: 28px;
            color: #5a6a7a;
            border-left: 5px solid #8a9ba8;
            padding-left: 20px;
            margin-bottom: 30px;
            font-weight: 500;
        }
        
        .education-item, .project-item, .skill-category {
            margin-bottom: 35px;
            padding: 25px;
            border-radius: 8px;
            background-color: #fafbfc;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            border: 1px solid #edf0f4;
        }
        
        .item-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
            flex-wrap: wrap;
        }
        
        .item-title {
            font-weight: 600;
            font-size: 20px;
            color: #5a6a7a;
        }
        
        .item-subtitle {
            color: #7a8a9a;
            font-weight: 500;
            margin: 10px 0;
            font-size: 17px;
        }
        
        .item-time {
            color: #777;
            font-style: italic;
            font-weight: 400;
        }
        
        .skill-list {
            list-style-type: none;
        }
        
        .skill-list li {
            margin-bottom: 14px;
            position: relative;
            padding-left: 25px;
            line-height: 1.7;
            font-size: 16px;
        }
        
        .skill-list li:before {
            content: "•";
            color: #8a9ba8;
            position: absolute;
            left: 0;
            top: 0;
            font-size: 22px;
        }
        
        .self-evaluation p {
            text-align: justify;
            line-height: 1.9;
            font-size: 17px;
            color: #555;
            padding: 0 15px;
        }
        
        .project-details {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px dashed #e0e6ed;
        }
        
        .project-details p {
            margin-bottom: 12px;
            font-size: 16px;
        }
        
        .project-details strong {
            color: #5a6a7a;
        }
        
        .skill-level {
            display: inline-block;
            width: 100%;
            height: 8px;
            background-color: #e0e6ed;
            border-radius: 4px;
            margin-top: 5px;
            overflow: hidden;
        }
        
        .skill-level-bar {
            height: 100%;
            background: linear-gradient(to right, #8a9ba8, #6c7a89);
            border-radius: 4px;
        }
        
        .skill-item {
            margin-bottom: 20px;
        }
        
        .skill-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 5px;
        }
        
        .skill-name {
            font-weight: 500;
            color: #5a6a7a;
        }
        
        .skill-percentage {
            color: #7a8a9a;
            font-size: 14px;
        }
        
        footer {
            text-align: center;
            padding: 30px;
            background-color: #f0f3f6;
            color: #7a8a9a;
            font-size: 15px;
            border-top: 1px solid #e0e6ed;
        }
        
        @media (max-width: 768px) {
            .content {
                padding: 30px 25px;
            }
            
            header {
                padding: 30px 25px;
            }
            
            .contact-info {
                flex-direction: column;
                gap: 15px;
            }
            
            .section-title {
                font-size: 24px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1 class="name">范巧贤</h1>
            <div class="job-title">云计算工程师 / Linux运维工程师</div>
            <div class="contact-info">
                <div class="contact-item">
                    <i>📱</i>
                    <span>173xxxx7939</span>
                </div>
                <div class="contact-item">
                    <i>✉️</i>
                    <span>your.email@foxmail.com</span>
                </div>
                <div class="contact-item">
                    <i>📍</i>
                    <span>深圳</span>
                </div>
                <div class="contact-item">
                    <i>🎂</i>
                    <span>2005年01月 出生</span>
                </div>
            </div>
        </header>
        
        <div class="content">
            <div class="section education">
                <h2 class="section-title">教育背景</h2>
                <div class="education-item">
                    <div class="item-header">
                        <div class="item-title">深圳职业技术大学</div>
                        <div class="item-time">2023年9月 - 2026年6月</div>
                    </div>
                    <div class="item-subtitle">计算机学院 - 云计算技术与应用专业</div>
                    <div class="project-details">
                        <p><strong>主修课程：</strong>云计算基础、Linux系统管理、网络技术、数据库原理、虚拟化技术、容器技术、Python编程</p>
                        <p><strong>在校表现：</strong>专业排名前15%，积极参与技术社团活动，多次参与校内外技术交流会</p>
                    </div>
                </div>
            </div>
            
            <div class="section projects">
                <h2 class="section-title">项目经验</h2>
                <div class="project-item">
                    <div class="item-header">
                        <div class="item-title">基于OpenStack的私有云平台搭建</div>
                        <div class="item-time">2024年3月 - 2024年6月</div>
                    </div>
                    <div class="item-subtitle">个人项目 | 云计算平台搭建</div>
                    <div class="project-details">
                        <p><strong>项目描述：</strong>设计并实现了一个完整的私有云平台，提供计算、存储、网络等基础设施服务，支持虚拟机的动态创建和管理。</p>
                        <p><strong>技术栈：</strong>OpenStack (Nova, Cinder, Neutron), Ubuntu Server, KVM, MySQL, RabbitMQ</p>
                        <p><strong>主要职责：</strong>
                            <ul class="skill-list">
                                <li>规划云平台架构，部署多节点OpenStack环境</li>
                                <li>配置Nova计算服务，实现虚拟机实例的创建、启动、停止等功能</li>
                                <li>部署Cinder块存储服务，提供持久化存储解决方案</li>
                                <li>配置Neutron网络服务，实现虚拟网络和安全组管理</li>
                                <li>优化平台性能，提高资源利用率</li>
                            </ul>
                        </p>
                        <p><strong>项目成果：</strong>成功搭建支持50+虚拟机并发运行的私有云平台，资源利用率提升40%</p>
                    </div>
                </div>
                
                <div class="project-item">
                    <div class="item-header">
                        <div class="item-title">Docker容器化部署与管理</div>
                        <div class="item-time">2024年9月 - 2024年11月</div>
                    </div>
                    <div class="item-subtitle">小组项目 | 容器化解决方案</div>
                    <div class="project-details">
                        <p><strong>项目描述：</strong>将传统Web应用进行容器化改造，使用Docker和Docker Compose实现应用的快速部署和管理。</p>
                        <p><strong>技术栈：</strong>Docker, Docker Compose, Nginx, Python Flask, MySQL, Redis</p>
                        <p><strong>主要职责：</strong>
                            <ul class="skill-list">
                                <li>分析应用架构，制定容器化方案</li>
                                <li>编写Dockerfile，构建轻量级、安全的应用镜像</li>
                                <li>使用Docker Compose编排多容器应用，实现服务间通信</li>
                                <li>配置Nginx反向代理，实现负载均衡和SSL加密</li>
                                <li>建立CI/CD流程，实现自动化部署</li>
                            </ul>
                        </p>
                        <p><strong>项目成果：</strong>部署时间从原来的2小时缩短至15分钟，系统稳定性提升，资源占用降低30%</p>
                    </div>
                </div>
            </div>
            
            <div class="section skills">
                <h2 class="section-title">技能特长</h2>
                <div class="skill-category">
                    <div class="skill-item">
                        <div class="skill-header">
                            <div class="skill-name">Linux系统管理</div>
                            <div class="skill-percentage">熟练 (85%)</div>
                        </div>
                        <div class="skill-level">
                            <div class="skill-level-bar" style="width: 85%"></div>
                        </div>
                    </div>
                    
                    <div class="skill-item">
                        <div class="skill-header">
                            <div class="skill-name">OpenStack云计算</div>
                            <div class="skill-percentage">熟练 (80%)</div>
                        </div>
                        <div class="skill-level">
                            <div class="skill-level-bar" style="width: 80%"></div>
                        </div>
                    </div>
                    
                    <div class="skill-item">
                        <div class="skill-header">
                            <div class="skill-name">Docker容器技术</div>
                            <div class="skill-percentage">熟练 (75%)</div>
                        </div>
                        <div class="skill-level">
                            <div class="skill-level-bar" style="width: 75%"></div>
                        </div>
                    </div>
                    
                    <div class="skill-item">
                        <div class="skill-header">
                            <div class="skill-name">Shell脚本编程</div>
                            <div class="skill-percentage">熟练 (70%)</div>
                        </div>
                        <div class="skill-level">
                            <div class="skill-level-bar" style="width: 70%"></div>
                        </div>
                    </div>
                    
                    <div class="skill-item">
                        <div class="skill-header">
                            <div class="skill-name">Python编程</div>
                            <div class="skill-percentage">基础 (60%)</div>
                        </div>
                        <div class="skill-level">
                            <div class="skill-level-bar" style="width: 60%"></div>
                        </div>
                    </div>
                    
                    <div class="skill-item">
                        <div class="skill-header">
                            <div class="skill-name">网络技术</div>
                            <div class="skill-percentage">基础 (65%)</div>
                        </div>
                        <div class="skill-level">
                            <div class="skill-level-bar" style="width: 65%"></div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="section self-evaluation">
                <h2 class="section-title">自我评价</h2>
                <div class="education-item">
                    <p>作为一名云计算技术专业的学生，我对新兴技术充满热情，具备扎实的理论基础和一定的实践经验。在学习过程中，我注重理论与实践相结合，通过多个实际项目提升了动手能力和解决问题的能力。</p>
                    <p>我具备良好的学习能力，能够快速掌握新技术并应用到实际项目中。在团队合作中，我善于沟通协调，能够与团队成员高效配合完成项目目标。面对技术难题时，我能够保持冷静，通过查阅资料、分析问题、实验验证等方式找到解决方案。</p>
                    <p>我渴望在云计算和运维领域深入发展，不断提升自己的专业技能，为企业创造价值。未来我希望能在实际工作中积累更多经验，成长为一名优秀的云计算工程师。</p>
                </div>
            </div>
        </div>
        
        <footer>
            <p>© 2023 谢静欣 - 个人简历 | 最后更新时间：2023年12月</p>
        </footer>
    </div>
</body>
</html>